<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"     
      xmlns:h="http://java.sun.com/jsf/html"
       xmlns:p="http://primefaces.org/ui">
  
  <style> 
  
      table th, td{
            border:2px solid black;
            border-collapse: collapse;
        }
        th , td{
            padding: 5px;    
        }
  
  </style>
  
    <h:head>
        <title>Formulario de Registro</title>
     </h:head>
     <h1 style="background-color:#000099">.</h1>
     <h1 style="background-color:#CC9933">.</h1>
    <center>
      <h2>Formulario</h2>
       </center>
        <hr/>
       <right>
     <h:form>
     
      
     
      
      <h:panelGrid columns="2">
       <h:outputLabel for="nombre">  * Nombre: </h:outputLabel>
         <h:inputText id="nombre"  value="#{saludaUsuarioMB.usuario.nombre}" />
         
         <h:outputLabel for="apellido"> * Apellido: </h:outputLabel>
         <h:inputText id="apellido" value="#{saludaUsuarioMB.usuario.apellido}" />
        
         <h:outputLabel for="correo"> * Correo : </h:outputLabel>
         <h:inputText id="correo" value="#{saludaUsuarioMB.usuario.correo}" required="true"/>
         
         <h:outputLabel for="programa"> * Programa: </h:outputLabel>
         <h:selectOneMenu id="programa" value="#{saludaUsuarioMB.usuario.programa}">
         <f:selectItem itemLabel=" Seleccione - programa " itemValue=""  />
         <f:selectItem itemLabel=" Ingenieria de Sistemas " itemValue="Ingenieria de Sistemas" />
         <f:selectItem itemLabel=" Ingenieria Industrial " itemValue="Ingenieria Industrial" />
         <f:selectItem itemLabel=" Ingenieria Electronica " itemValue="Ingenieria electronica" />
         <f:selectItem itemLabel=" Ingenieria Civil " itemValue="Ingenieria Civil"/>
         <f:selectItem itemLabel=" Derecho " itemValue="Derecho"/>
         <f:selectItem itemLabel=" Psicologia " itemValue="Psicologia"/>
         <f:selectItem itemLabel=" Arquitectura " itemValue="Arquitectura"/>
         </h:selectOneMenu>
        </h:panelGrid>
        <h:commandButton value="Registrarse"  actionListener="#{saludaUsuarioMB.usuario.mensaje}" />
       
     </h:form>
       </right>
      <img alt="fandi" src="../uca.png" />
    <h1 style="background-color:#000099">.</h1>
    <h1 style="background-color:#CC9933">.</h1> 
</html>